﻿<script src="https://blogg12.googlecode.com/svn/trunk/jquery/1/jquery.min.js" type="text/javascript"></script>
<script src="http://blogg12.googlecode.com/svn/trunk/blogger/featured-post/17-content-code/freebloggerhelp-jquery.flow.1.2.auto.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("#myController").jFlow({
		slides: "#slides",
		controller: ".jFlowControl", // must be class, use . sign
		slideWrapper : "#jFlowSlide", // must be id, use # sign
		selectedWrapper: "jFlowSelected",  // just pure text, no sign
		auto: true,		//auto change slide, default true
		width: "610px",
		height: "235px",
		duration: 400,
		prev: ".jFlowPrev", // must be class, use . sign
		next: ".jFlowNext" // must be class, use . sign
	});
});
</script><a href="http://tutorialglobal365.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="http://blogg12.googlecode.com/svn/trunk/image/back.png" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://tutorialglobal365.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="http://blogg12.googlecode.com/svn/trunk/image/back.png" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://tutorialglobal365.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="http://blogg12.googlecode.com/svn/trunk/image/back.png" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style type="text/css">
#jFlowSlide{ background:#f8f8f8; font-family: Georgia; }
#myController { font-family: Georgia; padding:2px 0; width:610px; background:#000000; }
#myController span.jFlowSelected { background:#43A0D5;margin-right:0px; }
.slide-wrapper { padding: 5px; }
.slide-thumbnail { width:300px; float:left; }
.slide-thumbnail img {max-width:300px; }
.slide-details { width:290px; float:right; margin-left:10px;}
.slide-details h2 { font-size:1.5em; font-style: italic; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { margin-top:10px; }
.jFlowControl, .jFlowPrev, .jFlowNext { color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #43A0D5; }
</style>





<h3>اضافه سلايد شو بتقنيه الجي كويري</h3>



<div class="jflow-content-slider">
		<div id="slides">
			<div class="slide-wrapper">
				<div class="slide-thumbnail">
					<img src="http://1.bp.blogspot.com/-3vAaWKXybkQ/VCRpdYb1OfI/AAAAAAAAAa4/rp3OxrvI46A/s1600/image_88081.jpg" alt="تفعيل اصدارات برنامج الداونلود مانجر"/>
				</div>
				<div class="slide-details">
					<h2><a href="http://24work.blogspot.com/2012/01/how-to-change-mouse-cursor-in-blogger.html" target="_blank">تفعيل اصدارات برنامج الداونلود مانجر</a></h2>

					<div class="description">
						اليوم سوف نقدم لكم شرح تفعيل الداونلود مانجر وتحل جميع مشاكل التفعيلات السابقة وظهور رسالة التسجيل برقم مزيف وتعالجها بشكل تام في ثواني معدودة...<a href="#">اقرأ المزيد</a>
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="slide-wrapper">
				<div class="slide-thumbnail">
					<img src="http://3.bp.blogspot.com/-S88Mo_IfN60/VITTOZ-3fHI/AAAAAAAAAMk/Y1vMDLkEXH0/s1600/oo.png" alt="سارع بالحصول على خدمات تشفير النت مجانية على متصفحك"/>
				</div>
				<div class="slide-details">
					<h2><a href="http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html" target="_blank">سارع بالحصول على خدمات تشفير النت مجانية على متصفحك</a></h2>
					<div class="description">
						من بين أفضل السبل لحماية الاتصال بالإنترنت من مجموعة متنوعة من المخاطر
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="slide-wrapper">
				<div class="slide-thumbnail">
					<img src="http://2.bp.blogspot.com/-eZQMsQ38aes/VF4QcWHrEqI/AAAAAAAAAkk/xP23zMdzJ0w/s1600/pswcc.png" alt="برنامج فوتوشوب"/>
				</div>
				<div class="slide-details">
					<h2><a href="http://24work.blogspot.com/2011/12/how-to-add-snow-effect-on-blogger-mouse.html" target="_blank">برنامج فوتوشوب</a></h2>
					<div class="description">
						من أشهر البرامج التي يستعملها الملايين من المصممين ومحترفي التصميم عبر العالم هو برنامج أدوب فوتوشوب
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="slide-wrapper">
				<div class="slide-thumbnail">
					<img src="http://2.bp.blogspot.com/-Bv3fTk63fKg/VD0oWALMagI/AAAAAAAAAgU/lzbV7kMVtFU/s1600/quran1a.jpg" alt="القرآن الكريم"/>
				</div>
				<div class="slide-details">
					<h2><a href="http://24work.blogspot.com/2012/01/falling-objects-falling-text-marquee.html" target="_blank">القرآن الكريم</a></h2>
					<div class="description">
						القرآن الكريم نور القلوب وحياة النفوس ووجوده في أى مكان رحمه وثواب واجر عظيم
					</div>
				</div>
				<div class="clear"></div>
			</div>
			<div class="slide-wrapper">
				<div class="slide-thumbnail">
					<img src="http://4.bp.blogspot.com/-gtTf3QcYm5M/VCVkKBZmZLI/AAAAAAAAAbM/GuClUoHfSv8/s1600/131204130551-facebook-password-620xa.jpg" alt="شرح كيف زيادة عدد أصدقائك في الفيس"/>
				</div>
				<div class="slide-details">
					<h2><a href="http://24work.blogspot.com/2011/12/how-to-add-animated-flash-clock-to-your.html" target="_blank">شرح كيف زيادة عدد أصدقائك في الفيس</a></h2>
					<div class="description">
						هذا شرح كيف زيادة عدد أصدقائك في الفيس بوك بشكل كبير جدا
					</div>
				</div>
				<div class="clear"></div>
			</div>
		</div>
			
		<div id="myController">
			<span class="jFlowPrev">التالى</span>
			<span class="jFlowControl">1</span>
			<span class="jFlowControl">2</span>
			<span class="jFlowControl">3</span>
			<span class="jFlowControl">4</span>
			<span class="jFlowControl">5</span>
			<span class="jFlowNext">السابق</span>
		</div>
		<div class="clear"></div>
	</div>